<template>
    <view class="step8-box step-box">
        <UNavbar title="上交手机"> </UNavbar>
        <view class="tips">
            <view>请上传所有手机入箱后的照片</view>
        </view>
        <view class="item">
            <view class="labal">是否上交手机</view>
            <up-radio-group
                placement="row"
                v-model="data.form.havePhone"
                @change="groupChange"
            >
                <up-radio label="是" :name="true"> </up-radio>
                <up-radio label="否" :name="false"> </up-radio>
            </up-radio-group>
        </view>
        <view style="padding: 0 20rpx" v-if="data.form.havePhone">
            <up-upload
                :fileList="fileList1"
                @afterRead="afterRead"
                @delete="deletePic"
                name="1"
                :maxCount="1"
            ></up-upload>
        </view>

        <TabStep @leftClick="onLeftClick" @rightClick="onRightClick"></TabStep>
    </view>
</template>

<script setup>
import { ref, reactive } from 'vue';
import TabStep from './TabStep.vue';
import UNavbar from '@/components/YNavbar/index.vue';
const data = reactive({
    form: {
        wine: true,
        havePhone: true,
    },
});
const onLeftClick = () => {
    uni.navigateTo({
        url: '/pages/home/forms/step8',
    });
};

const onRightClick = () => {
    uni.navigateTo({
        url: '/pages/home/forms/step10',
    });
};
</script>

<style lang="scss">
.step8-box {
    .item {
        padding: 10rpx;
        display: flex;
        align-items: center;
        // margin-top: 10rpx;
        // &:last-child {
        //     margin-top: 0;
        // }

        .labal {
            margin-right: 20rpx;
        }
    }
}
</style>
